<el-popover placement="bottom-end" popper-class="advancedSelect" :visible-arrow="false" trigger="manual"
	v-model="visible">
	<div id="advanced-select">
		<div style="margin-bottom: 10px;">
			<el-button type="primary" icon="glyphicon glyphicon-saved" @click="save">确定</el-button> <i class="el-icon-warning"
				style="color: #ccc;"><span style="font-size: 10px;">点击确定按钮查询条件才能被检索</span></i>
		</div>
		<div :style="style">
			<el-descriptions :border="border" :column="column" :labelStyle="{minWidth: '100px'}">
				<el-descriptions-item v-for="component in componentList" :label="component.title" :key="component.field">
					<component :is="component.name" v-bind="component.props" v-on="component.evnets"
						:value="$._.get(form,component.field)"
						@input="(value)=>$._.set(form,component.field,value)"
						@change="(value)=>$._.set(form,component.field,value)"
						>
						<template v-if="component.name==='ElSelect'">
							<el-option v-for="(option,index) in component.options" :key="index"
								:value="option[component.optionProps.value]" :label="option[component.optionProps.label]"
								:disabled="option.disabled"></el-option>
						</template>
					</component>
				</el-descriptions-item>
			</el-descriptions>
		</div>
	</div>
	<el-button slot="reference" @click.stop="visible=!visible">高级查询<i
			class="eliconfont icon-angledoubledown m-l5"></i></el-button>
</el-popover>